<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<meta http-equiv="X-UA-Compatible" content="IE=edge"> 
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<link rel="stylesheet" href="css/font-awesome.min.css">
	<link rel="stylesheet" type="text/css" href="css/style.css" />
</head>
<body>
	<div class="nav">
		<ul>
			<li><a class="tooltip tooltip-effect-1" href="#">Home<span class="tooltip-content"><i class="fa fa-fw fa-home"></i></span></a></li>
			<li><a class="tooltip tooltip-effect-2" href="#">About me<span class="tooltip-content"><i class="fa fa-fw fa-user"></i></span></a></li>
			<li><a class="tooltip tooltip-effect-3" href="#">Photography<span class="tooltip-content"><i class="fa fa-fw fa-camera-retro"></i></span></a></li>
			<li><a class="tooltip tooltip-effect-4" href="#">Work<span class="tooltip-content"><i class="fa fa-fw fa-briefcase"></i></span></a></li>
			<li><a class="tooltip tooltip-effect-5" href="#">Contact<span class="tooltip-content"><i class="fa fa-fw fa-envelope"></i></span></a></li>
		</ul>
	</div>
</body>
</html>